.ant-modal-root .ant-modal-mask {
    background-color: rgba(0, 0, 0, 0);
}
.popup-modal {
    .ant-modal {
        max-width: 100% !important;
        .ant-modal-header {
            background: rgba(255,255,255, 0);
            padding-top: 12px;
            .ant-modal-title {
                color: #fff;
                text-align: center;
            }
        }
        .ant-modal-content { 
            padding: 0px;
            background-color: rgba(26,58,77,.8);
        } 
    }

    .ant-modal-body {
        padding: 12px 12px;
        max-height: calc(-280px + 100%) !important;
    }
    .ant-modal-footer {
        padding: 10px 12px;
        margin-top: 0px;
        border-top: 1px solid @border-color-base;
    }
    .ant-modal-close-x {
        background-color: #4C7791;
        border-radius: 50%;
        color: #B1CCF7;
        font-size: 12px;
    }
}

// 自定义drawer关闭图标
.ant-drawer-cust-close { 
    font-size: 16px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.45);
    font-style: normal;
    margin-left: 12px;
    cursor: pointer;
    &:hover {
        color: rgba(0, 0, 0, 0.88);
        text-decoration: none;
    }
}